<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #div_0{
            border: solid 1px #666;
            border-radius: 10px;
            width: 400px;
            margin: 10px auto;
            box-shadow: 0px 0px 2px;
        }
        #div_1{
            width: 400px;
            height: 150px;
            background: url(image/ys.png) no-repeat center;
            text-align: center;
            margin: 0px auto;
        }
        #div_2{
            margin: 0px 20px 0px 20px;
            border-bottom: solid 1px rgb(0, 0, 0, 0.1);
            overflow: hidden;
        }
        #div_3{
            margin: 20px 0px 10px 0px;
            text-align: center;
        }
        #div_4{
            overflow: hidden;
        }
        .div_2_1{
            margin-left: 10px;
            width: 160px;
            float: left;
            text-align: center;
            padding: 20px 0px 10px 0px;
            color: rgb(0, 0, 0, 0.4);
        }
        .div_2_2{
            width: 62px;
            float: left;
            text-align: center;
            padding: 20px 0px 10px 0px;
            color: rgb(0, 0, 0, 0.4);
        }
        .div_2_3{
            float: left;
            text-align: center;
            padding: 20px 0px 11px 0px;
            color: rgb(0, 0, 0, 0.4);
            border-bottom: solid 3px #1677FF;
        }
        .div_4_1{
            float: left;
            margin: 36px 110px 10px 5px;
            color: rgb(0, 0, 0, 0.6);
        }
        .input_1{
            margin:10px 10px 5px 10px;
            width: 357.5px;
            height: 30px;
            font-size: 15px;
            outline: none;
            border: 0;
            border-bottom: solid 1px rgb(0, 0, 0, 0.1);
        }
        #div_4_1{
            float: left;
            width: 13px;
            height: 13px;
            margin: 39px 5px 10px 20px;
            border: solid 1px rgb(0, 0, 0, 0.4);
        }
        #div_5{
            overflow: hidden;
        }
        .div_5_1{
            width: 15px;
            border-radius: 15px;
            height: 15px;
            margin: 20px 0px 0px 20px ;
            float: left;
            border: solid 1px rgb(0, 0, 0, 0.4);
        }
        #div_5_1_1{
            width: 10px;
            border-radius: 10px;
            height: 10px;
            background-color: #1677FF;
            opacity: 0.8;
            margin: 2.45px 0px 1px 2.65px ;
            float: left;
        }
        #div_6{
            color: white;
            background-color: #1677FF;
            text-align: center;
            padding: 10px 0px 10px 0px;
            border: solid 1px #666;
            border-radius: 4px;
            margin: 40px 25px 20px 25px;
        }
    </style>
</head>
<body>
    <div id="div_0">
        <div id="div_1"></div>
        <div id="div_2">
            <div class="div_2_1">账号登陆</div>
            <div class="div_2_2"></div>
            <div class="div_2_3">钉钉登录</div>
            <div class="div_2_2"></div>
        </div>
        <div id="div_3">
            <input type="text" placeholder="用户名" class="input_1">
            <input type="password" placeholder="账号密码" class="input_1">
        </div>
        <div id="div_4">
            <div id="div_4_1"></div>
            <div class="div_4_1" id="div_4_2">记住密码</div>
            <div class="div_4_1" style="margin: 36px 0px 10px 100px;">忘记密码</div>
        </div>
        <div id="div_5">
            <div class="div_5_1"></div>
            <div class="div_4_1" style="margin: 20px -14px 2px 10px;font-size: 14px;float: left;">English</div>
            <div class="div_5_1">
                <div id="div_5_1_1"></div>
            </div>
            <div class="div_4_1" style="margin: 19px 5px 2px 10px;font-size: 15px;float: left;">中文</div>
        </div>
        <div id="div_6">
            登录
        </div>
    </div>
</body>
</html>